(function($){
	$(window).load(function(){
		/**************************吸顶搜索*************************/
		$(window).scroll(function(){
			var iScrollTop=$(window).scrollTop();
			if(iScrollTop>200){
				$('.top_bg').slideDown();
				$('.top_wrap').slideDown();
			}else{
				$('.top_wrap').slideUp();
				$('.top_bg').slideUp();
			}
			if(iScrollTop<($('.content:first').offset().top-300)){
				$('.floors').stop(true).animate({
					width:0,
					height:0
				},300,function(){
					$('.floors').css({display:'none'});
				});
				
			}else{
				$('.floors').css({display:'block'});
				$('.floors').stop(true).animate({
					width:36,
					height:370
				},300);
				
			}
		});
		var 
			iIndex=-1,
			sInput=$('.search_text');
		$('.search_text').focus(function(){
			$('.search_text').val('').attr('placeholder','清新小短裤 秒变大长腿');
		}).blur(function(){
			$('.search_text').removeClass('placeholder').val('清新小短裤 秒变大长腿');
			$('.search ul').css('display','none');
		}).keyup(function(e){
			var 
				e=e||event,
				aLi=$('.search ul li');
			if(e.keyCode==38||e.keyCode==40){
				if(e.keyCode==38&&iIndex>=0){
					if(iIndex==0){
						iIndex=aLi.length-1;
					}else{
						iIndex--;
					}
				}else if(e.keyCode==40&&iIndex<=aLi.length-1){
					if(iIndex==aLi.length-1){
						iIndex=0;
					}else{
						iIndex++;
					}
					
				}
				sInput.val(aLi.removeClass('active').eq(iIndex).addClass('active').data('key'));
			}
		}).bind('input propertychange',function(){
			$('.search ul').css('display','block');
			var sTextVal=$(this).val();
			if(sTextVal){
				$.ajax({
					url:'https://suggest.taobao.com/sug?code=utf-8',
					data:{q:sTextVal},
					jsonp:'callback',
					dataType:'jsonp',
					success:function(data){
						var sHtml='';
						for(var i=0;i<data.result.length;i++){
							sHtml+='<li data-key = "'+data.result[i][0]+'"><a href="#">'+data.result[i][0]+'<span>约'+data.result[i][1]+'个结果</span></a></li>';
						}
						sHtml+='<li class="shop"><a href="javascript:;"><span>找 " '+sTextVal+' " 相关</span>店铺</a></li>';
						$('.search ul').html(sHtml);
						iIndex=-1;
					}
				});
			}
		});
		$('.search ul li').each(function(i){
			$(this).eq(i).addClass('active');
		});
		/*********************************左侧导航********************/
		var aColor=['#DD2727','#EA5F8D','#0AA6E8','#64C333','#F15453','#19C8A9','#F7A945','#000000','#000000','#666666'];
		var aA=$('.floors a');
		$('.content').each(function(i){
			$(this).css('background',aColor[i+1]);
		});
		var aCon=$('.content');
		$(window).scroll(function(){
			var iScrollTop=$(window).scrollTop();
			aCon.each(function(i){
				if(i<aCon.length-1&&iScrollTop>=(aCon.eq(i).offset().top-200)&&iScrollTop<(aCon.eq(i+1).offset().top+aCon.eq(i).outerWidth(true))){
					aA.css('background','#666666').eq(0).css('background','#DD2727');
					aA.eq(i+1).css('background',aColor[i+1]);
					aA.removeClass('click').eq(i+1).addClass('click');
				}else if(i==aCon.length-1&&iScrollTop>=(aCon.eq(i).offset().top-200)){
					aA.css('background','#666666').eq(0).css('background','#DD2727');
					aA.eq(i+1).css('background',aColor[i+1])
				}
				aA.each(function(j){
					aA.eq(j).mouseover(function(){
						aA.not($('.click')[0]).css('background','#666666').eq(0).css('background','#DD2727').eq(i+1).css('background',aColor[i+1]);
						$(this).css('background',aColor[j]);
					}).mouseout(function(){
						$(this).not($('.click')[0]).css('background','#666666');
					});
				});
			});
		});
		/*********************************右导航********************/
		$('.wrap span').css('display','none');
		$('.rightNav').delay(1000).show(500);
		$('.backTop').css('display','none');
		$(window).scroll(function(){
			$('.backTop').show();
		});
		$('.rightNav div').each(function(i){
			$(this).mouseenter(function(){
				$(this).css('background','#c40000');
				var oSpan=$(this).children().last();
				if(i==1){
					$('.shopCar i').css('color','white');
				}
				if(i!=8){
					oSpan.show();
					oSpan.stop(true).animate({
						left:'-90px',
						top:0
					},500);
				}else{
					oSpan.stop(true).show(500);
				}
			});
			$(this).mouseleave(function(){
				var oSpan=$(this).children().last();
				$(this).css('background','#000000');
				if(i==1){
					$('.shopCar i').css('color','#c40000');
				}
				oSpan.stop(true).hide();
				if(i!=8){
					oSpan.stop(true).animate({
						left:-150,
						top:0
					},500);
				}else{
					oSpan.stop(true).animate({
						left:-190,
						top:-100
					},500);
				}
				
			});
		});
		$('.backTop').click(function(){
			$('body').animate({scrollTop:0});
		});
		
	});
})(jQuery);
